<!--
/**
 * @author xuyh0817
 * @email xuyh0817@foxmail.com
 * @date 2022-03-25 11:22
 * @version 2.0.0
 * @doc todo
 * @website todo
 * @remark  如果要分发源码，需在本文件顶部保留此文件头信息！！
 */
 -->
<template>
  <div class="x-render-left">
    <a-tabs default-active-key="componentList" size="small">
      <a-tab-pane key="componentList" tab="组件列表">
        <XDesignComponentList></XDesignComponentList>
      </a-tab-pane>
      <a-tab-pane key="componentTree" tab="表单树">
        <XDesignComponentTree></XDesignComponentTree>
      </a-tab-pane>
      <a-tab-pane key="componentTemplate" tab="表单模板">
        <XDesignFormTemplate></XDesignFormTemplate>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import XDesignComponentList from './components/XDesignComponentList'
import XDesignComponentTree from './components/XDesignComponentTree'
import XDesignFormTemplate from './components/XDesignFormTemplate'

export default {
  name: "XDesignLeftIndex",
  components: {
    XDesignComponentList,
    XDesignComponentTree,
    XDesignFormTemplate
  }
}
</script>
<style scoped lang="css">
/* 左侧 */
.x-render-left {
  width: 260px;
  min-width: 140px;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
}

/deep/ .ant-tabs-tab {
  padding: 8px !important;
  margin: 0 18px 0 0 !important;
}

/deep/ .ant-tabs-bar {
  margin: 0 !important;
}
</style>
